<template>
  <div>
    <div class="content_c" v-for="(item,index) in list" :key="index" @click="goCompany(item)">
      <!-- 内容3 -->
      <div class="items">
        <div class="items-left">
          <img
            class="item_title"
            src="../../static/images/examine/address.png"
            alt=""
          />
          <span>公司名称</span>
        </div>
        <div class="items-right moveOverflow">
          {{item.company_name}}
        </div>
      </div>
        <!-- 内容5 -->
      <div class="items">
        <div class="items-left">
          <img
            class="item_title"
            src="../../static/images/examine/sap.png"
            alt=""
          />
          <span>SAP受达方编码</span>
        </div>
        <div class="items-right">{{item.sap_code}}</div>
      </div>
        <!-- 内容5 -->
      <div class="items">
        <div class="items-left">
          <img
            class="item_title"
            src="../../static/images/examine/option.png"
            alt=""
          />
          <span>归属部门</span>
        </div>
        <div class="items-right">{{item.sale_department_name}}</div>
      </div>
      <!-- 内容4 -->
      <!-- <div class="items">
        <div class="items-left">
          <img
            class="item_title"
            src="../../static/images/examine/item_address.png"
            alt=""
          />
          <span>公司地址</span>
        </div>
        <div class="items-right moveOverflow">
           {{item.address}}
        </div>
      </div> -->
 
    </div>
  </div>
</template>

<script>
export default{
  props:{
     list: {
      type: Array,
    },
  },
  data(){
    return{

    }
  },
  methods:{
     goCompany(item){
      wx.navigateTo({
        url: `/pages/launch/explain/main?company_id=${item.company_id}`
      })
    },
    //点击图片查看
    handleImgs(current) {
      wx.previewImage({
        current, // 当前显示图片的http链接
        urls:[current], // 需要预览的图片http链接列表
      });
    },
  }
}
</script>

<style lang="scss" scoped>
.content_c {
  padding: 30rpx;
  padding-bottom: 10rpx;
  background: #fff;
  border-radius: 20rpx;
  margin: 30rpx;
  .items {
    margin-bottom: 30rpx;
    display: flex;
    // justify-content: space-between;
    align-items: flex-start;
    font-size: 28rpx;
    .items-left {
      flex: 1;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-right: 30rpx;

      .item_title {
        width: 28rpx;
        height: 28rpx;
        margin-right: 10rpx;
      }
      span {
        flex: 1;
        color: #333333;
      }
    }
    .items-right {
      width: 368rpx;
      // line-height: 42rpx;
      // white-space: pre-wrap;
    }
  }
}
</style>